<!--home_box start-->
<div class="home_box" [ngClass]="{maskAnimate:sideBarFlag}">
  <div class="page indexPage">
    <!--<div class="navMenus">
      &lt;!&ndash; 标题栏 &ndash;&gt;
      <header class="topBar">
        <div class="pull_left fl"><a href="javascript:;" class="icon icon_lang"></a></div>
        <h1 class="title"><i class="logo logo_ly"></i></h1>
        <div class="pull_right fr"  (click)="showSidebar()" ><a href="javascript:;" class="icon icon_me"></a></div>
      </header>
      <div class="secondBar">
        <div class="headBar scrollHead">
          <ul class="clearFix">
            <li routerLink='/home' routerLinkActive="active"><a href="javascript:;">首页</a></li>
            <li routerLink='/hall' routerLinkActive="active"><a href="javascript:;">竞猜大厅</a></li>
            <li><a href="javascript:;">商城</a></li>
            &lt;!&ndash;<li *ngFor="let nav of homeData.navs" (click)="setActive(nav)" [ngClass]="{'active':nav===selectedNav}"><a href="javascript:;">{{nav}}</a></li>&ndash;&gt;
          </ul>
        </div>
      </div>
    </div>-->
    <dj-menu></dj-menu>
    <!-- content start -->
    <div class="content confixSet fixTop_158"
      >

      <!-- Slider start-->
      <ks-swiper-container>
        <ks-swiper-slide *ngFor="let ad of homeData.ads">
          <img src="{{ad.pic}}" alt="">
          <p><span>{{ad.title}}</span></p>
        </ks-swiper-slide>
      </ks-swiper-container>
      <!-- Slider end-->
      <!--gameType start-->
      <div class="gameType">
        <div class="tabScroll gameScroll clearFix">
          <a href="javascript:;" *ngFor="let subnav of homeData.subnavs"
             [routerLink]="['/second/news']" [queryParams]={type:subnav.link}>
            {{subnav.name}}
          </a>
        </div>
      </div>
      <!--gameType end-->
      <div class="gameList compreList">
        <div class="gameItem" *ngFor="let item of homeData.infos;let i=index">
          <div class="img fl"><img src="{{item.pic}}" alt=""/></div>
          <div class="detail fr">
            <h3 class="title">{{item.league}}----------{{i+1}}</h3>
            <div class="intro">{{item.info}}</div>
            <p><span class="time">{{item.date}}</span></p>
          </div>
        </div>
      </div>
    </div>
    <!--content end-->
  </div>
</div>
<!--home_box end-->

<div class="mask" (click)="closeSlidebar()" [ngStyle]="{'display':sideBarConFlag ? 'block':'none'}"></div>
<div>
  <!--login_page start-->
  <div class="login_page" *ngIf="sideBarConFlag"  [style.display]="'block'">
    <div class="login">
      <div class="icon_head">
        <img src="../../assets/images/icon_head.png">
      </div>
      <p class="login_hello">您好！</p>
      <p class="login_user">尊敬的用户，您还未登陆！</p>
      <div class="login_box">
        <div class="login_element">
          <i class="icon_login"></i>登陆
        </div>
        <div class="register_element">
          <i class="icon_register"></i>注册
        </div>
      </div>
    </div>
  </div>
  <!--login_page end-->
  <!--personal_page start-->
  <div class="personal_page">
    <div class="personal">
      <div class="icon_head"></div>
      <p class="logined_user">liucaiwei</p>
      <p class="logined_user_account">余额： <span class="gold_num">123.00</span> 金币</p>
      <div class="user_box">
        <div class="login_element">
          <i class="icon_guess"></i>我的竞猜
        </div>
        <div class="charge_element">
          <i class="icon_dollor"></i>充值
        </div>
        <div class="golddetail_element">
          <i class="icon_detail"></i>金币明细
        </div>
        <div class="quit_element">
          <i class="icon_quit"></i>退出
        </div>
      </div>
    </div>
  </div>
  <!--personal_page end-->
</div>
<!--<back-top *ngIf="isShowBacktop" (click)="backTop()"></back-top>-->









